.detail {
	padding: 1.75rem 0;

	.title {
		padding-bottom: 1.5rem;
		color: var(--color-text-0);
	}

	.filter-container {
		display: flex;
		padding-bottom: 1.5rem;

		.search-icon {
			color: var(--color-4);
		}

		.select-container {
			display: flex;
			flex: 1 0 0;
			justify-content: flex-end;

			.select {
				width: 12.5rem;
			}
		}

		.select {
			margin-right: 1rem;
		}

		.input {
			width: 17.25rem;
		}
	}

	.table {
		font-size: var(--text-sm);

		.date {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.col {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.vul-detail {
			width: 17rem;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.affect {
			display: inline-block;
			width: 15rem;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.affect2 {
			display: inline-block;
			width: 15rem;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.high-light {
			color: var(--color-error);
		}
	}
}
